<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

        .content {
            display: flex;
            width: 600px;
            height: 100px;
            /* background-color: black; */
            justify-content: space-around;
        }

        .content div {
            /* width: 100px; */
            height: 100px;
            background-color: red;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-grow: 1;
            /* flex-basis: 1; */
           
        }
        .content .first{
            width: 10%;
            background-color: aqua; 
            
        }
    </style>
</head>

<body>
    <div class="content">
        <span class="first">
            找工作
    </span>
        <div>
            摆烂
        </div>
        <div>
            睡大觉
        </div>
        <div>
            刷抖音
        </div>
    </div>
    <script>
        // var name ='jack'
        // function change(){
        //     console.log(name,1)
        //     var name = 'lili'
        //     console.log(name,2)
        // }
        // change()
        // console.log(name,3)

        // 1.lili  2.jack
        // var user = { count: 1, getCount: function () { return this.count } }
        // console.log(user.getCount())
        // var func = user.getCount
        // console.log(func)

        // 1. 1   2.undefined


        // function fn (){
        //     this.a = 0;
        //     this.b = function(){
        //         console.log(this.a)
        //     }
        // }
        // fn.prototype={
        //     b:function(){
        //         this.a= 20;
        //         console.log(this.a);
        //     },
        //     c:function(){
        //         this.a=30;
        //         console.log(this.a)
        //     }
        // }
        // var myfn = new fn()
        // myfn.b()
        // myfn.c()

        // 0  30  

        // let arr = [11,55,22]
        // let h = arr.hasOwnProperty(3)
        // console.log(h)


        // function invoke(list,methodName,...arg){
        //    list.forEach(item=>{
        //        item[methodName]((a,b)=>{
        //         console.log(arg);
        //            return a-b

        //        })
        //        console.log(item);

        //    })   
        // }
        // invoke([[1,5,6,2],[3,5,1]],'sort',1,5)



        // let str =  'asdada,dadad,ffssf,,,,dad,'
        // let arr = str.split(',')
        // console.log(arr);
        // let arr1 = arr.filter(item=>{
        //     return item
        // })
        // let a =arr1.join(':')
        // console.log(a)


        // let obj = [2, 5, 4, 7, 6, 1]
        // let result = obj.findIndex(item => {
        //     return item == 1
        // })
        // let arr = {
        //     name:'45',
        //     age:16
        // }
        // let res2 = obj.indexOf(5)
        // console.log(result,res2)
    //    let str = 'aasbdssssasdba'
    //    function findStrMax(str){
    //     let obj = {}
    //     let max =  0
    //     let key = '' 
    //     for(let item  of  str){
    //         if(obj[item]==null){
    //             obj[item] =1
    //         } 
    //         if(obj[item]  >= 1){
    //             obj[item]++
    //         }
    //     }
    //     for(let key1 in obj){          
    //         if(max<obj[key1]){
    //             max=obj[key1]
    //             key=key1
    //         }
    //     }
    //     console.log(`出现最多的是${key},次数为${max}`)
    //    }
    //    findStrMax(str)

    // let arr = [1,2,1,1,5]
    // let arr1 = [...new Set(arr)]
    // console.log(arr1);
    let $tree = [
        [2,[3,9,4]],
        7
    ]
    </script>
</body>

</html>